<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Cloud Balance</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description"content="An application to compute and manage cash flow using budget bucketing" />
<link rel="shortcut icon" href="../favicon.ico">
<link href="css/codesite.pack.04102009.css" rel="stylesheet" type="text/css" />
<link href="css/cloudbalance.css" rel="stylesheet" type="text/css" />

</head>

<body style="margin:0;">

	<div class="headerBar">
			<a href="/ng/">
			 <img alt="Google-favicon"
				src="/images/Red-signin-Long-press-44dp.png"
				style="width: 182px; float: right; border: none; padding-top:5px;">
			</a>
		
			<div id="whySignIn" style="float: right;  line-height:20px; padding: 15px; height:50px; ">
			<a href="https://support.google.com/accounts/answer/112802?hl=en"> 
				Why sign in?
			</a>
			</div>
	
		 	<div id="cb-appName" style="font-size: 18px;  line-height:20px; padding: 15px; height:50px; ">Cloud Balance</div>
	</div>


<div id="shell" style="padding: 10px; width:1000px; margin: 0 auto;">

<div style="margin:0; ">


<h2>Overview</h2>	
<div style="border-bottom: 1px solid #ccc; padding-bottom: 4px;"></div>
<p>Cloud Balance is money manager built to compute monthly cash flow along with bucket budgeting.  Once you get a handle on cash flow, you 
can start bucket budgeting and start reining in your spending.
</p>

<h2>Bucket Budgeting</h2>	
<div style="border-bottom: 1px solid #ccc; padding-bottom: 4px;"></div>
<p>Bucket budgeting is a simplified style of budgeting where money is divided between several “buckets” each designated for a different group of expenses.
For some, this could be simpler and more helpful than cumbersome itemized budgets, custom spreadsheets and expensive finance programs.  For basic
money decisions, computing your monthly cash flow and using the budget bucketing method will do the job.  
</p>
		
<br>
<div style="display: table;   margin: 0 auto; text-align: center; ">

	<div style="border: none; display: table;   margin: 0 auto; margin-bottom:15px; "><b>Bucket Budgeting</b></div>

		<div class="payee-type-i" style="float: left; display: table;  text-align: center;  margin: 0 auto;  ">
			<span  class="legend" style="font-size: 66px; width: 140px;" >I</span>	
			<div style="font-size: 11px;height: 18px;width: 140px; "><b>Income</b> <p> Salary, Bonus, In most cases you want more.</div>
		</div>

       <div class="payee-type-s" style="float: left; display: table;   margin: 0 auto; margin-left:25px;  ">
			<span  class="legend" style="font-size: 66px; float: none; width: 140px; ">S</span>	
			<div style="font-size: 11px;height: 18px;width: 140px;"><b>Static</b><p> Cost you have little control over. Usually fixed.</div>
		</div>

		<div class="payee-type-d" style="float: left; display: table;   margin: 0 auto; margin-left:25px;   ">
			<span   class="legend" style="font-size: 66px;  float: none; width: 140px; ">D</span>	
			<div style="font-size: 11px; height: 18px;width: 140px;"><b>Discretionary</b><p>Unique lifestyle choices you have control over.</div>
		</div>

     	<div class="payee-type-f" style="float: left; display: table; margin: 0 auto; margin-left:25px; ">
			<span  class="legend" style="font-size: 66px;float: none; width: 140px; ">F</span>	
			<div style="font-size: 11px; height: 18px;width: 140px;"><b>Future</b><p>Money you save for future events.</div>
		</div>
</div>

<br>

<br>

<h2>Built for the Google App engine. </h2>
<div style="border-bottom: 1px solid #ccc; padding-bottom: 4px;"></div>
<p>The application is built to run in the cloud in Google's app engine. The technology stack includes Java, JSON, Angular JS, Javascript. 			

<h2>Open source</h2>
<div style="border-bottom: 1px solid #ccc; padding-bottom: 4px;"></div>
<p>The application is open source and your welcome to review it.  <a href="http://code.google.com/p/cloudbalance" class="da-link">Show me the code</a> </p>



<h2>Articles</h2>
<div style="border-bottom: 1px solid #ccc; padding-bottom: 4px;"></div>
<p>	<a href="http://blogs.wsj.com/wallet/2009/06/01/tips-for-the-budget-phobic/">Tips for the Budget Phobic - by WSJ</a>
		</p>
<p>	<a href="http://online.wsj.com/articles/from-spender-to-saver-to-investor-1403399089?mod=trending_now_3">From Spender to Saver to Investor - by WSJ</a>
		</p>

		
		

<h2>Screen Shots</h2>
<div style="border-bottom: 1px solid #ccc; padding-bottom: 4px;"></div>


<div style=" height: 50px;"></div>
<div style="display: table;   margin: 0 auto;">
	<div style="border: none; display: table;   margin: 0 auto; margin-bottom:15px; "><b>Screen shots</b></div>
		<div style="float: left; display: table;   margin: 0 auto; background: box-shadow: inset 0 2px 3px rgba(0,0,0,.09);">
			<a href="/images/transactionsScreenshot.png" > 
			<img alt="Screen shot"	src="/images/transactionsScreenshot.png" class="screenshot" >
			</a>
			<div style="font-size: 11px;display: table;   margin: 0 auto;  ">Transactions</div>
		</div>
		
       <div style="float: left; display: table;   margin: 0 auto; margin-left:25px;  box-shadow: inset 0 2px 3px rgba(0,0,0,.09); ">

			<a href="/images/payeesScreenshot.png" > <img alt="Screen shot"
					src="/images/payeesScreenshot.png"
					class="screenshot">
			</a>
			<div style="font-size: 11px;display: table;   margin: 0 auto;  ">Payee</div>
		</div>
	
		<div style="float: left; display: table;   margin: 0 auto;margin-left:25px;  box-shadow: inset 0 2px 3px rgba(0,0,0,.09); ">
			<a href="/images/transactionEdit.png" > 
				<img alt="Screen shot"	src="/images/transactionEdit.png" class="screenshot">
			</a>
			<div style="font-size: 11px;display: table;   margin: 0 auto;  ">Edit Transaction</div>
		</div>

	
		<div style="float: left; display: table;   margin: 0 auto;  margin-left:25px;box-shadow: inset 0 2px 3px rgba(0,0,0,.09); ">
			<a href="/images/payeeEdit.png" > 
				<img alt="Screen shot"	src="/images/payeeEdit.png" class="screenshot">
			</a>
			<div style="font-size: 11px;display: table;   margin: 0 auto;  ">Edit Payee</div>

		</div>
</div>


</div>


	<script type="text/javascript" src="script/jquery-1.7.1.min.js"></script>
</body>
</html>